import { Component, Injectable } from '@angular/core';
import { AuthService, User } from '@auth0/auth0-angular';
import { Observable, Subscription, map } from 'rxjs';
import { MatTabChangeEvent, MatTabsModule } from '@angular/material/tabs';

@Component({
    selector: 'app-heros',
    templateUrl: './heros.component.html',
    styleUrls: ['./heros.component.css'],
    imports: [MatTabsModule],
    standalone: true
})
export class HerosComponent {
  public tabIndex = 0; // default tab

  constructor(
    public auth: AuthService,
  ){
    
  }

  tabChanged($event: MatTabChangeEvent) {
    console.log($event);
    console.log(this.tabIndex);
  }

}
